<template>
  <div class="study-plan">
    <van-nav-bar
      title="历史直播"
      placeholder
      fixed
      left-arrow
      @click-left="back"
    />
    <div class="study-plan__content">
      <BaseCardL :objData="liveObj"></BaseCardL>
    </div>
  </div>
</template>
<script>
const getImg = (name) => {
  return `/src/assets/images/${name}.png`;
};
import BaseCardL from "@/components/baseCardL.vue";
export default {
  components: {
    BaseCardL
  },
  data() {
    return {
      liveObj: [
        {
          imgUrl: getImg("login"),
          bmPic: "56人报名",
          tag: "必修",
          title: "2023人事资源管理如何激励你的员工",
          time: " 2022-03-23 18:22",
          userImg: getImg("login"),
          userName: "陈飘零",
          btnName: "直播中",
        },
        {
          imgUrl: getImg("login"),
          bmPic: "16人报名",
          tag: "",
          title: "2023人事资源管理如何激励你的员工",
          time: " 2022-03-23 18:22",
          userImg: getImg("login"),
          userName: "陈飘零",
          btnName: "直播中",
        },
      ],
    };
  },
  methods: {
    back() {
      window.history.back();
    },
  },
};
</script>
<style lang="scss" scoped>
.study-plan {
  background: #f5f9fc;
  min-height: 100vh;
  ::v-deep(.van-nav-bar__placeholder) {
    background: #ffffff;
  }
  &__content {
    padding: 12px 16px 51px;
  }
  .tabbar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(0px);
    height: 50px;
  }
}
</style>
